<!DOCTYPE html>
<html>
<head>
    <title>Page Factory Test</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            text-align: center;
            padding: 50px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .container {
            background: rgba(255,255,255,0.1);
            padding: 30px;
            border-radius: 10px;
            backdrop-filter: blur(10px);
        }
        .status { margin: 20px 0; }
    </style>
</head>
<body>
    <div class="container">
        <h1>🎉 Page Factory 测试页面</h1>
        <div class="status">✅ 开发服务器正常运行</div>
        <p>Vue3 + 微前端架构开发平台已启动！</p>
        <p>现在尝试访问真正的Vue应用...</p>
        <div id="app"></div>
    </div>

    <script>
        // 简单测试Vue是否能加载
        console.log('Testing Vue application...');

        // 创建一个简单的测试
        setTimeout(() => {
            document.getElementById('app').innerHTML =
                '<p style="margin: 20px; color: #4caf50;">✅ Vue应用正在加载中...</p>';
        }, 1000);
    </script>
</body>
</html>